<template>
  <lew-flex direction="y" gap="30">
    <lew-flex width="400" mode="between">
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'top-start',
          trigger: 'mouseenter'
        }"
        text="top-start"
      />
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'top',
          trigger: 'mouseenter'
        }"
        text="top"
      />
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'top-end',
          trigger: 'mouseenter'
        }"
        text="top-end"
      />
    </lew-flex>
    <lew-flex width="400" mode="between">
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'left-start',
          trigger: 'mouseenter'
        }"
        text="left-start"
      />

      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'right-start',
          trigger: 'mouseenter'
        }"
        text="right-start"
      />
    </lew-flex>
    <lew-flex width="400" mode="between">
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'left',
          trigger: 'mouseenter'
        }"
        text="left"
      />

      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'right',
          trigger: 'mouseenter'
        }"
        text="right"
      />
    </lew-flex>
    <lew-flex width="400" mode="between">
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'left-end',
          trigger: 'mouseenter'
        }"
        text="left-end"
      />

      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'right-end',
          trigger: 'mouseenter'
        }"
        text="right-end"
      />
    </lew-flex>
    <lew-flex width="400" mode="between">
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'bottom-start',
          trigger: 'mouseenter'
        }"
        text="bottom-start"
      />
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'bottom',
          trigger: 'mouseenter'
        }"
        text="bottom"
      />
      <lew-button
        v-tooltip="{
          content:
            '人们每天忙忙碌碌，争取金钱和地位，沉溺于琐事和俗务，这些事物充斥着人生。这种没有空白的生命，最终有几个不是赢了别人，输了自己。',
          placement: 'bottom-end',
          trigger: 'mouseenter'
        }"
        text="bottom-end"
      />
    </lew-flex>
  </lew-flex>
</template>
